// pages/list/list.js
// 页面对象
Page({

  /**
   * 页面的初始数据
   */
  data: {
    "msg":"我是小程序的第一个变量",
    num:10,
    name:"lili",
    list:["吃饭","睡觉","写代码"],
    user:[
      {"id":1,"name":"lili","age":18},
      {"id":2,"name":"大牛","age":16},
      {"id":3,"name":"妞妞","age":13},
      {"id":4,"name":"小花","age":19}
    ]
  },

  //修改名字的函数
  changename:function(){
    console.log("点击事件触发的函数");
    //在小程序中不可以直接给 data 数据赋值，data数据并不是双向绑定的，不是响应式的
    //this.data.name = "new name";
    //想要改变model层的数据，view层同样会发生变化，需要使用  this.setData({})
    //this.setData 这个函数中，改变了 data的数据，调用了重新渲染页面的函数 render
    //小程序上的数据流叫做单向数据流，这是和vue框架最大的区别
    //小程序的单向数据流和 react是一样的
    this.setData({name:"new name"})
  },

 
  
})